import Notice from './Notice.vue'
import Vue from 'vue'

// 手动穿件alert组件，加载到body里，不受父组件限制

Notice.newInstance = props => {
  const Instance = new Vue({
    data () {
      return props || {}
    },
    render (h) {
      return h(Notice, {
        props
      })
    }
  })
  const comp = Instance.$mount()
  // 挂载在body上，而不是组件内部
  document.body.appendChild(comp.$el)
  // notice还是vue实例，不是dom
  const notice = Instance.$children[0]
  // alert实例
  return {
    add (optipns) {
      notice.add(optipns)
    },
    del (id) {
      notice.del(id)
    }
  }
}
export default Notice
